<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        body{

            background-color: #a29f9f;

        }

        #app{
            width: 350px;
            height: 300px;
            border: 2px solid #b3abab;
            background-color: #ffffff;
            border-radius: 8px;
            margin-left: 450px;
            margin-top: 100px;
        }

        form{
            background-color: #a29f9f;
        }

        button{
            width: 100%;
            height: 40px;
            font-size: 20px;
            background-color: white;
        }

        input{
            border: 2px solid #a29f9f;
            width: 345px;
            height: 37px;
            border-radius: 2px;
        }


    </style>


</head>
<body>

<div id="app" align="center">
    <h2>会员登录</h2>
    <form action="javascript:;">
        <div>
            <input type="text" name="userName" placeholder="用户名">
        </div>
        <br>
        <div>
            <input type="text" name="password" placeholder="密码">
        </div>
        <br>
        <div>
            <button type="submit">登 录</button>
        </div>
    </form>
</div>

</body>
</html>